﻿@media only screen and (min-width:960px){
.brand-area-wap,.wap_classify{ display:none;}
.brand-area{ overflow:hidden;}
.brand {
    float: left;
    margin-bottom: 57px;
    width: 535px;
	margin-left:30px;
}
.brand-left {
    width: 533px;
}
.left-image {
    height: 195px;
    overflow: hidden;
    width: 535px;
}
.left-title-font {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    padding-top: 8px;
}
.brand-right {
    background-color: #fafafa;
    float: left;
    font-family: 微软雅黑;
    font-size: 18px;
    line-height: 40px;
    margin-top: 37px;
    text-align: center;
    width: 200px;
	/*height:240px;*/
}
.brand-right ul {
    width: 200px;
	overflow:hidden;
}
.brand-right .search-box .search-txt,.brand-right .brand-search-box .search-txt{ width:155px;}
.brand-right li {
    display: inline-block;
	width:70px;
	float:left;
	padding:0 15px;
	text-align:left;
}
.brand-right ul.type li{ height:40px;}
.brand-right ul.type li a{ background:#fff; padding:0 10px; color:#000;}
.brand-right li a {
    color: #4c4c4c;
    display: inline-block;
	font-size:14px;
}
div.brand-right a:hover {
    color: #008ebd;
    text-decoration: none;
}
div.brand-right li.tag-back a {
    border: medium none;
}
div.brand-right li.tag-back a:hover {
    border: medium none;
}
.type {
    font-family: 微软雅黑;
    font-size: 16px;
    line-height: 48px;
}
div.adv img {
    height: 180px;
    width: 980px;
}
.brand-right h2.title{ border:0 none; color:#f17261; text-align:left; padding-left:15px; margin-bottom:10px;}
.brand-right .brand-search-box{ margin-top:20px; margin-bottom: 10px;}
}
.brand-left {
    background-color: #fff;
    float: left;
    /*height: 261px;*/
    margin: 37px 15px 0 0;
    position: relative;
	border:1px solid #ededed;
    padding-bottom: 5px;
}
.left-logo {
    top:132px;
    height: 100px;
    left: 19px;
    overflow: hidden;
    padding: 2px;
    position: absolute;
    width: 100px;
}
.left-logo a.brand-logo-box {
    border: 1px solid #f0f0f0;
    display: block;
    height: 98px;
    overflow: hidden;
    width: 98px;
}
.left-logo img {
    height: 98px;
    width: 98px;
	overflow:hidden;
}
.left-title {
    background-color: #fff;
    font-family: 微软雅黑;
    padding-left: 130px;
}
@media only screen and (max-width:959px){
.brand-area{ width:100%; display:none;}
.main .adv img{ width:100%; margin:10px 0;}
.brand-right{ display:none;}
.brand{ width:96%; margin:0 auto 30px auto; float:none;}
.brand-left{ width:100%; float:none; margin-right:0; margin-left:0;}
.left-image a img{ width:100%;}
.left-logo{ left:3%; bottom:16%;}
.brand-area-wap{ width:100%; margin:0 auto;text-align: center}
.brand-area-wap ul{ overflow:hidden;}
.brand-area-wap li p{ text-align:center; margin:10px 0;}
.brand-area-wap li{ width:46%; display:inline-block; margin:10px 1%;}
.brand-area-wap li a.wapLogo{ font-size:1.5em; color:#575757;}
.brand-area-wap li a.wapLogo img{ width:100%; height:100%; border-radius:100%; border:1px solid #eee;overflow: hidden}
.brand-area-wap li.item-logo2{ margin-right:0;}
.brand-area-wap li a.wapLogo{line-height: 30px;font-size: 16px;}
}